<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>通天代-赚钱在校园</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <script type="text/javascript" src="../lib/jquery/jquery-3.2.1.min.js"></script>
  <!-- bootstrap -->
  <link rel="stylesheet" href="../lib/bootstrap/bootstrap.min.css">
  <script src="../lib/bootstrap/bootstrap.min.js"></script>
  <!--私有-->
  <link rel="stylesheet" href="../lib/animate/animate.css">
  <link rel="stylesheet" type="text/css" href="./login.css" />
  <script src="./login.js"></script>
</head>

<body>
  <div id="main_box" class="clear container">
    <div class="row">

      <div id="left_box" class="col-md-6">
        <div id="logo"></div>
        <div id="left_title">Welcome to</div>
        <div id="left_subtitle">通天代：二手市场</div>
        <div id="hitokoto">
          <div id="hitokoto_title">Hitokoto · 一言</div>
          <div id="hitokoto_text"></div>
          <div id="hitokoto_from"></div>
        </div>
        <div id="footer"><span>SchoolPig @ 2018</span><a href="#">用户使用条例</a></div>
      </div>


      <div id="right_box" class="col-md-6">
        <form id="login_box" action="${pageContext.request.contextPath}/user/userDel.action" method="post">
          <div class="title">登 录</div>
          <div class="subtitle">登录通天代后您可以发布校园需求信息，<br>以及浏览通天代需求市场和二手市场，开启完整的体验。</div>
          <div id="login_form">
            <label for="name" class="subtitle">用户名</label>
            <input type="text" name="name" id="name" class="input_text">
            <label for="password" class="subtitle">密码</label>
            <input type="password" name="passWord" id="password" class="input_text">
            <div id="checkbox" class="clear">
              <input type="checkbox" name="remember_me" id="remember_me">
              <label for="remember_me">记住我</label>
              <a id="forget_btn" href="#">忘记密码?</a>
            </div>
            <input id="login_btn" class="log_reg_btn" type="submit" value="登 录">
            <a href="#login_box" id="goto_register" class="goto_log_reg">快速注册</a>
          </div>
        </form>

        <form id="register_box">
          <div class="title">快速注册</div>
          <div id="register_form">
            <label for="reg_name" class="subtitle">用户名</label>
            <input type="reg_name" name="reg_name" id="reg_name" class="input_text">
            <label for="reg_realName" class="subtitle">真实姓名</label>
            <input type="reg_realName" name="reg_realName" id="reg_realName" class="input_text">
            <label for="reg_phone" class="subtitle">手机号</label>
            <input type="text" name="phone" id="reg_phone" class="input_text">
            <label for="password" class="subtitle">密码</label>
            <input type="password" name="name" id="reg_password" class="input_text">
            <label for="password" class="subtitle">确认密码</label>
            <input type="password" name="name" id="reg_repassword" class="input_text">
            <input id="register_btn" class="log_reg_btn" type="submit" value="注 册">
            <a href="#login_box" id="goto_login" class="goto_log_reg">返回登录</a>
          </div>
        </form>

      </div>

    </div>
  </div>

  <div id="alert" class="alert alert-danger" role="alert">
    警告信息
  </div>
</body>

</html>